<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="header.css">
    <link rel="stylesheet" href="footer.css">
    <link rel="stylesheet" href="main.css">
    <link rel="stylesheet" href="img.css">
    <link rel="stylesheet" href="list.css">
    <link rel="stylesheet" href="search.css">
    <link rel="stylesheet" href="basic.css">
    <style>
        @font-face {
            font-family: "阿里妈妈数黑体 Bold";
            font-weight: 700;
            src: url("//at.alicdn.com/wf/webfont/sYe4l7b9zKSf/COumaWLNpxJjvEYbwDYw0.woff2") format("woff2"),
                url("//at.alicdn.com/wf/webfont/sYe4l7b9zKSf/xxmmmJ5OlPcTIr-Tolk2d.woff") format("woff");
            font-display: swap;
        }

        @font-face {
            font-family: 'icomoon';
            src: url('fonts/icomoon.eot?5382d3');
            src: url('fonts/icomoon.eot?5382d3#iefix') format('embedded-opentype'),
                url('fonts/icomoon.ttf?5382d3') format('truetype'),
                url('fonts/icomoon.woff?5382d3') format('woff'),
                url('fonts/icomoon.svg?5382d3#icomoon') format('svg');
            font-weight: normal;
            font-style: normal;
            font-display: block;
        }
    </style>
</head>

<body>
    <header>
        <ul>
            <li class="left"><a href="">新闻</a></li>
            <li class="left"><a href="">hao123</a></li>
            <li class="left"><a href="">地图</a></li>
            <li class="left"><a href="">贴吧</a></li>
            <li class="left"><a href="">视频</a></li>
            <li class="left"><a href="">图片</a></li>
            <li class="left"><a href="">网盘</a></li>
            <li class="left more"><a href="">更多</a>
                <div class="border">
                    <ul>
                        <a><img src="img/10003.png" alt=""><span>翻译</span></a>
                        <a><img src="img/10004.png" alt=""><span>学术</span></a>
                        <a><img src="img/10010.png" alt=""><span>文库</span></a>
                        <a><img src="img/10005.png" alt=""><span>百科</span></a>
                        <a><img src="img/10006.png" alt=""><span>知道</span></a>
                        <a><img src="img/10011.png" alt=""><span>健康</span></a>
                        <a><img src="img/10007.png" alt=""><span>营销推广</span></a>
                        <a><img src="img/10008.png" alt=""><span>直播</span></a>
                        <a><img src="img/10009.png" alt=""><span>音乐</span></a>
                    </ul>
                    <a href="" class="link">查看全部百度产品 &gt</a>
                </div>
            </li>
        </ul>
        <ul>
            <li class="right sz">登录 </li>
            <li class="right sz1"><a href="">设置</a>
                <div class="setSelect">
                    <ul>
                        <a>搜索设置</a>
                        <a>高级搜索</a>
                        <a>关闭预测</a>
                        <a>隐私设置</a>
                        <a>关闭热搜</a>
                    </ul>
                </div>
            </li>

        </ul>
    </header>
    <main>
        <div class="img">
            <img src="img/百度.png" alt="">
        </div>
        <div class="search">
            <input class="search_board"></input>
            <div class="camera"></div>
            <div class="search_button">百度一下</div>
        </div>
        <div class="title">
            <span class="left "> 百度热搜<img src="img/右箭头 (1).png" alt=""></span>
            <span class="right "><img src="img/11刷新 (2).png" alt=""> 换一换</span>
        </div>
        <div class="clear_float"></div>
        <div>
            <ul class="left ">
                <a class="o1"> <img src="img/arrow-to-top (2).png" alt="" class="top"> 永恒的誓言，不变的初心</a>
                <a class="o2">习近平：要扎实推进祖国统一大业</a><span class="hot">热</span>
                <a class="o3">习近平：人民的信任是前进最大动力</a><span class="hot">热</span>
            </ul>
            <ul class="right ">
                <a class="o4">中国国土绿化行动成绩单</a>
                <a class="o5">警方悬赏3万缉捕“马冬梅”</a>
                <a class="o6">《黑暗荣耀》里的蛇是真蛇</a>
            </ul>
        </div>
        <div class="clear_float"></div>
    </main>

    <footer>
        <ul>
            <li>关于百度</li>
            <li>About Baidu</li>
            <li>使用百度前必读</li>
            <li>帮助中心</li>
            <li>企业推广</li>
            <li>京公网安备11000002000001号</li>
            <li>京ICP证030173号</li>
            <li>信息网络传播视听节目许可证 0110516</li>
        </ul>
        <p>互联网宗教信息服务许可证编号：京（2022）0000043</p>
        <p>药品医疗器械网络信息服务备案（京）网药械信息备字（2021）第00159号</p>
        <p>医疗器械网络交易服务第三方平台备案凭证（京）网械平台备字（2020）第00002号</p>
        <p>©2023 Baidu </p>
        <div class="wifi"><img src="img/WiFi.png" alt=""></div>
        <div class="overflow"><img src="img/上箭头.png" alt=""></div>
    </footer>
    <div class="o1001"><img src="img/10001.png" alt=""></div>
    <div class="o1002"><img src="img/10002.png" alt=""></div>
</body>

</html>